我在我正在处理的项目中有一段JavaScript的要求，它允许用户平移和放大和缩小大图像。不幸的是，我在JavaScript方面的经验有限。有人知道可以满足我要求的免费脚本吗？ 最佳答案 我认为有一个jqueryZoomImage插件可以很好地用于这种情况。代码示例是here或here.还有一个在image旁边也使用缩放工具栏 关于用于缩放和平移图像的Javascript，我们在StackOverflow上找到一个类似的问题： https://stackove

我正在创建一个使用CSS变换比例属性的网络应用程序。如下图所示，我在一个容器内有一个对象，它非常适合放在里面，没有任何溢出的内容。这就是我希望的样子。当我将对象重新缩放到大于容器的大小时，出现了我的问题。如图所示，显然物体比容器大。如“可滚动区域”的箭头和标签所示，容器可以滚动到这些区域，但标记为“隐藏”的部分由于溢出而无法通过滚动查看或访问。为了对我的问题有一个实际的看法，这里有一个带有我的代码的codepen的链接:CodePen我的CSS代码区片段如下:#container{position:fixed;width:300px;height:200px;border:1pxsol

我正在创建一个使用CSS变换比例属性的网络应用程序。如下图所示，我在一个容器内有一个对象，它非常适合放在里面，没有任何溢出的内容。这就是我希望的样子。当我将对象重新缩放到大于容器的大小时，出现了我的问题。如图所示，显然物体比容器大。如“可滚动区域”的箭头和标签所示，容器可以滚动到这些区域，但标记为“隐藏”的部分由于溢出而无法通过滚动查看或访问。为了对我的问题有一个实际的看法，这里有一个带有我的代码的codepen的链接:CodePen我的CSS代码区片段如下:#container{position:fixed;width:300px;height:200px;border:1pxsol

我想用img填充一个div，保持宽高比并根据需要拉伸(stretch)宽度或高度以适应。我怎样才能实现它？如果图像不是二次方的，则必须“放大”并且从上到下或从左到右裁剪，具体取决于哪一侧较大。此外，图像之后应该居中，这样Angular落就会被均匀地切割。我试过了(但没有效果):.thumb{max-width:100%;max-height:100%;}如果我添加额外的width:100%;height:100%;，图像非常适合，但调整大小后未保持纵横比。 最佳答案 下面的技巧:width:100%;height:100%;obje

我想用img填充一个div，保持宽高比并根据需要拉伸(stretch)宽度或高度以适应。我怎样才能实现它？如果图像不是二次方的，则必须“放大”并且从上到下或从左到右裁剪，具体取决于哪一侧较大。此外，图像之后应该居中，这样Angular落就会被均匀地切割。我试过了(但没有效果):.thumb{max-width:100%;max-height:100%;}如果我添加额外的width:100%;height:100%;，图像非常适合，但调整大小后未保持纵横比。 最佳答案 下面的技巧:width:100%;height:100%;obje

我正在尝试在HTML文档中实现一项功能，该功能允许用户在嵌入式SVG“框”中进行拖动和缩放...我找到了this,但很快就意识到该脚本仅适用于纯SVG文件...请记住，我是一名程序员，过去半年一直专门使用汇编语言。从那个环境跳到这个抽象环境是一个巨大的进步。现在我正试图弄清楚缩放部分:所以我制作了这个HTML文件:ForumRisk!v0.0.1-->svglib.js的内容是:varscrollSensitivity=0.2functionmouseWheelHandler(e){varevt=window.event||e;varscroll=evt.detail?evt.deta

我正在尝试在HTML文档中实现一项功能，该功能允许用户在嵌入式SVG“框”中进行拖动和缩放...我找到了this,但很快就意识到该脚本仅适用于纯SVG文件...请记住，我是一名程序员，过去半年一直专门使用汇编语言。从那个环境跳到这个抽象环境是一个巨大的进步。现在我正试图弄清楚缩放部分:所以我制作了这个HTML文件:ForumRisk!v0.0.1-->svglib.js的内容是:varscrollSensitivity=0.2functionmouseWheelHandler(e){varevt=window.event||e;varscroll=evt.detail?evt.deta

我想在网站上放一张照片，当我将鼠标悬停在上面时，我想要一个放大镜缩放效果。我可以用Canvas或其他东西在html中做这个吗？也许是JavaScript？谢谢 最佳答案 将您的照片放在一个div中并添加Zoom通过CSS悬停。您可能希望在悬停时增加z-index。您可以添加到下面的CSS以使缩放后的照片看起来/样式更好。如果您不想重新发明轮子，请寻找一些Jquery插件，它可以用更少的努力以优雅的方式完成同样的事情。CSS:#div-1{position:absolute;}#div-1.hover{position:absolut

我想在网站上放一张照片，当我将鼠标悬停在上面时，我想要一个放大镜缩放效果。我可以用Canvas或其他东西在html中做这个吗？也许是JavaScript？谢谢 最佳答案 将您的照片放在一个div中并添加Zoom通过CSS悬停。您可能希望在悬停时增加z-index。您可以添加到下面的CSS以使缩放后的照片看起来/样式更好。如果您不想重新发明轮子，请寻找一些Jquery插件，它可以用更少的努力以优雅的方式完成同样的事情。CSS:#div-1{position:absolute;}#div-1.hover{position:absolut

背景:我有一个HTML5Canvas，我在上面绘制了一个图像。现在，当图像首次加载时，它会以100%的比例加载。图像是5000x5000。Canvas大小是600x600。所以在加载时，我只看到前600个x像素和600个y像素。我可以选择缩放和平移Canvas上的图像。我的问题:我正在尝试找出一种算法，在考虑缩放和平移的同时返回鼠标点击相对于图像的像素坐标，而不是Canvas。我知道已经有很多关于此的主题，但我所看到的都没有用。我的问题是当我有多个翻译和缩放时。我可以缩放一次并获得正确的坐标，然后我可以缩放并再次获得正确的坐标，但是一旦我缩放或缩放不止一次，坐标就会关闭。这是我目前所拥